<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>10人简易抽奖</title>
    <style>
        body { text-align: center; }
        button { padding: 10px 20px; }
        #result { font-size: 24px; margin: 20px; }
    </style>
</head>
<body>
    <h1>10人抽奖系统</h1>
    
    <button onclick="draw()">开始抽奖</button>
    
    <div id="result">点击按钮开始抽奖</div>

    <script>
        // 参与抽奖的人员名单
        const names = ["张三", "李四", "王五", "赵六", "钱七", 
                      "孙八", "周九", "吴十", "郑十一", "陈十二"];
        
        // 抽奖函数
        function draw() {
            // 生成0-9的随机数
            const randomIndex = Math.floor(Math.random() * 10);
            
            // 显示结果
            document.getElementById("result").textContent = 
                `恭喜 ${names[randomIndex]} 中奖！`;
        }
    </script>
</body>
</html>